import { Story, Preview, ArgTypes } from '@storybook/blocks';
import { FileUpload } from './FileUpload';

# FileUpload

A button-styled input that triggers file upload popup. Button text and accepted file extensions can be customized via `label` and `accepted` props respectively.

### Usage

```jsx
import { FileUpload } from '@grafana/ui';

<FileUpload
  onFileUpload={({ currentTarget }) => console.log('file', currentTarget?.files && currentTarget.files[0])}
/>;
```

### Props

<ArgTypes of={FileUpload} />
